<!--
Author: W3layouts
Author URL: http://w3layouts.com
-->
<!doctype html>
<html lang="en">

	<head>
		<!-- Required meta tags -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<title>关于我们</title>
		<link href="//fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,400;1,600&display=swap"
		 rel="stylesheet">
		<!-- Template CSS -->
		<link rel="stylesheet" href="assets/css/style-starter.css">
	</head>

	<body>
		<section class="w3l-header">
				<header id="site-header" class="fixed-top">
					<div class="container">
						<nav class="navbar navbar-expand-lg navbar-dark stroke">
							<h1><a class="navbar-brand" href="index.html">
									<span class="fa fa-braille"></span> 软件协会
								</a></h1>
							<!-- if logo is image enable this   
		<a class="navbar-brand" href="#index.html">
		    <img src="image-path" alt="Your logo" title="Your logo" style="height:35px;" />
		</a> -->
							<button class="navbar-toggler  collapsed bg-gradient" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02"
							 aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
								<span class="navbar-toggler-icon fa icon-expand fa-bars"></span>
								<span class="navbar-toggler-icon fa icon-close fa-times"></span>
								</span>
							</button>
		
							<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
								<ul class="navbar-nav ml-auto">
									<li class="nav-item">
										<a class="nav-link" href="index.html">首页 <span class="sr-only">(current)</span></a>
									</li>
									<li class="nav-item active" class="dropdown">
										<a class="nav-link dropdown-toggle" data-toggle="dropdown">
											关于我们<span class="fa fa-caret-down"></span>
										</a>
										<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1" >
											<li role="presentation" style="width: 200px;text-align: center;">
												<a role="menuitem" tabindex="-1" href="about.html" class="h4">社团介绍</a>
											</li>
											<li role="presentation" style="width: 200px;text-align: center;">
												<a role="menuitem" tabindex="-1" href="announcement.html"class="h4"style="" >公告大厅</a>
											</li>
											<li role="presentation" style="width: 200px;text-align: center;">
												<a role="menuitem" tabindex="-1" href="regulation.html" class="h4">社团规章</a>
											</li>
											<li role="presentation" style="width: 200px;text-align: center;">
												<a role="menuitem" tabindex="-1" href="Fame.html" class="h4">名人堂</a>
											</li>
										</ul>
									</li>
									<li class="nav-item">
										<a class="nav-link" href="services.html">课程</a>
									</li>
		
									<li class="nav-item">
										<a class="nav-link" href="contact.html">联系我们</a>
									</li>
									<!-- <li class="nav-item">
										<a class="nav-link free-con" href="https://localhost:44345/Logins/loginTwo">登录</a>
									</li> -->
								</ul>
							</div>
							<!-- toggle switch for light and dark theme -->
							<div class="mobile-position">
								<nav class="navigation">
									<div class="theme-switch-wrapper">
										<label class="theme-switch" for="checkbox">
											<input type="checkbox" id="checkbox">
											<div class="mode-container py-1">
												<i class="gg-sun"></i>
												<i class="gg-moon"></i>
											</div>
										</label>
									</div>
								</nav>
							</div>
							<!-- //toggle switch for light and dark theme -->
						</nav>
					</div>
				</header>
				<!--/header-->
			</section>
		<div class="inner-banner">
		</div>
		<section class="w3l-breadcrumb">
			<div class="container">
				<ul class="breadcrumbs-custom-path">
					<li><a href="#url">首页</a></li>
					<li class="active"><span class="fa fa-arrow-right mx-2" aria-hidden="true"></span>社团介绍</li>
				</ul>
			</div>
		</section>
		<!--/about-->
		<!--/w3l-ab-->
		<div class="w3l-cwp4-sec py-5">
			<div class="container py-md-5 py-3">
				<div class="cwp4-two align-items-center">
					<div class="abouthyn-inn text-center">
						<h6 class="sub-titlehny">我们社团</h6>
						<h3 class="hny-title">软件学子的交流天地</h3>
						<p class="ab-para">
							不管你是什么专业，不管你是什么学历，只要你热爱软件，只要你喜欢编程，在这里，你可以学到任何你想学习的内容，软件学子的交流天地。
						</p>

						<div class="buttons mt-5">
							<a href="contact.html" class="btn btn-style btn-primary">联系我们</a>

						</div>
					</div>

				</div>
			</div>

		</div>
		<!--/w3l-ab-->
		<!--/w3l-ab-features-->
		<section class="w3l-ab-features py-5">
			<div class="container py-md-5 py-3">
				<div class="row features-w3pvt-main align-items-center" id="features">
					<div class="col-lg-6 feature-gird pb-lg-5">
						<h6 class="sub-titlehny mb-2">我们是什么</h6>
						<h3 class="hny-title mb-4">软件协会社团是专门的软件学子开设的社团</h3>
						<p class="pr-lg-5">只要你是本专业的学生，只要你对软件编程感兴趣，都可以加入我们，
							在这里有专门的老师开设课程对我们进行指导，成员们可以互相分享自己觉得感兴趣的，有效的视频；
							日常的社团任务在这里进行提交，社团公告将在官网进行公布。有关软件的各种竞赛也会不断推送给同学们</p>
					</div>
					<div class="col-lg-6 feature-gird pr-lg-5 mt-md-0 mt-4 pb-lg-5">
						<img src="assets/images/5.jpg" alt="" class="img-fluid" />
					</div>
					<div class="col-lg-6 feature-gird mt-5">
						<img src="assets/images/3.jpg" alt="" class="img-fluid" />
					</div>
					<div class="col-lg-6 feature-gird mt-5 pl-lg-5">
						<h6 class="sub-titlehny mb-2">社团成员</h6>
						<h3 class="hny-title mb-4">我们的团队</h3>
						<p class="pr-lg-5">
							本社团有<mark>101</mark>人，成立于<em>2021</em>年,参加过<b>3</b>竞赛，荣获<em>3</em>奖项
						</p>
						<div class="buttons mt-5">
							<a href="javascript: void(0);" class="btn btn-style btn-primary">查看奖项</a>
						</div>
					</div>

				</div>
			</div>
		</section>
		<!--//-->
		<!--/team-sec-->
		<!-- team -->
		<section class="w3l-team py-5" id="team">
			<div class="container py-lg-4 py-sm-3">
				<h6 class="sub-titlehny text-center">我们的校园生活</h6>
				<h3 class="hny-title text-center">精彩瞬间</h3>
				<div class="row text-center mt-5">
					<div class="col-md-3 col-6">
						<div class="team-grids text-center">
							<img src="assets/images/team1.jpg" class="img-fluid" alt="">
							<div class="team-info">
								<div class="caption">
									<div class="social-icons-section text-center">
										<a class="fac" href="#url">
											<span class="fa fa-facebook"></span>
										</a>
										<a class="twitter" href="#url">
											<span class="fa fa-twitter"></span>
										</a>
									</div>
								</div>
							</div>
						</div>
						<h4><a href="#team">第一次团建</a></h4>
						<h5>今天的剧本杀，大家玩的都很开心</h5>
					</div>
					<div class="col-md-3 col-6">
						<div class="team-grids text-center">
							<img src="assets/images/team2.jpg" class="img-fluid" alt="">
							<div class="team-info">
								<div class="caption">
									<div class="social-icons-section text-center">
										<a class="fac" href="#url">
											<span class="fa fa-facebook"></span>
										</a>
										<a class="twitter" href="#url">
											<span class="fa fa-twitter"></span>
										</a>
									</div>
								</div>
							</div>
						</div>
						<h4><a href="#team">2019届学长学姐的竞赛成果</a></h4>
						<h5>2019届厚朴杯<abbr title="HyperText Markup Language">HTML网页设计</abbr>冠军</h5>
					</div>
					<div class="col-md-3 col-6 mt-md-0 mt-sm-5 mt-5">
						<div class="team-grids text-center">
							<img src="assets/images/team3.jpg" class="img-fluid" alt="">
							<div class="team-info">
								<div class="caption">
									<div class="social-icons-section text-center">
										<a class="fac" href="#url">
											<span class="fa fa-facebook"></span>
										</a>
										<a class="twitter" href="#url">
											<span class="fa fa-twitter"></span>
										</a>
									</div>
								</div>
							</div>
						</div>
						<h4><a href="#team">我们的会议</a> </h4>
						<h5>第xx次软件协会社团会议召开</h5>
					</div>
					<div class="col-md-3 col-6 mt-md-0 mt-sm-5 mt-5">
						<div class="team-grids text-center">
							<img src="assets/images/team4.jpg" class="img-fluid" alt="">
							<div class="team-info">
								<div class="caption">
									<div class="social-icons-section text-center">
										<a class="fac" href="#url">
											<span class="fa fa-facebook"></span>
										</a>
										<a class="twitter" href="#url">
											<span class="fa fa-twitter"></span>
										</a>
									</div>
								</div>
							</div>
						</div>
						<h4><a href="#team">学习讨论</a></h4>
						<h5>某天某地，某某学生们，大家互相讨论怎么做一个完整网站</h5>
					</div>
				</div>
			</div>
		</section>
		<!-- team -->
		<!--//team-sec-->
		<!--/w3l-faq-block-->
				<!--//w3l-faq-block-->

		<section class="w3l-testimonials py-5" id="testimonials">
			<!-- main-slider -->
			<div class="container py-md-4 mb-md-0 mb-md-5 mb-4">
				<div class="heading text-center mx-auto">
					<h6 class="sub-titlehny">社团成员</h6>
					<h3 class="hny-title text-center mb-5">我们的成员</h3>
				</div>
				<div class="owl-testimonial owl-carousel owl-theme">
					<div class="item">
						<div class="slider-info">
							<div class="img-circle">
								<img src="assets/images/肖.jpg" class="img-fluid rounded" alt="client image">
							</div>
							<div class="message-info">
								<span class="fa fa-quote-left mr-2"></span>
								<div class="message">协会副部长，协助管理协会</div>
								<div class="name">肖泽昀</div>
								<div class="desp">协会副部长</div>
							</div>
						</div>
						</div>
					<div class="item">
						<div class="slider-info">
							<div class="img-circle">
								<img src="assets/images/167C703A6C750D5DDC008A6766CC21D8.jpg" class="img-fluid rounded" alt="client image">
							</div>
							<div class="message-info">
								<span class="fa fa-quote-left mr-2"></span>
								<div class="message">策划部部长，负责协会活动策划</div>
								<div class="name">李赛云</div>
								<div class="desp">策划部部长</div>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="slider-info">
							<div class="img-circle">
								<img src="assets/images/毛.jpg" class="img-fluid rounded" alt="client image">
							</div>
							<div class="message-info">
								<span class="fa fa-quote-left mr-2"></span>
								<div class="message">社团组织部部长，协助管理社团</div>
								<div class="name">毛俊辉</div>
								<div class="desp">组织部部长</div>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="slider-info">
							<div class="img-circle">
								<img src="assets/images/杨.jpg" class="img-fluid rounded" alt="client image">
							</div>
							<div class="message-info">
								<span class="fa fa-quote-left mr-2"></span>
								<div class="message">社团秘书部部长</div>
								<div class="name">杨欣颖</div>
								<div class="desp">秘书部部长</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- /main-slider -->
		</section>
		
		<div class="w3l-faq-block py-5" id="faq">
			<div class="container py-lg-4">
				<div class="faq-grids mt-lg-0 mt-5 pl-lg-5">
					<h6 class="sub-titlehny">我的小疑惑</h6>
					<h3 class="hny-title">
						解疑答惑
					</h3>
					<p class="my-3">有什么不明白的，可以看看这里哦</p>
					<section class="w3l-faq mt-5" id="faq">
						<div class="faq-page">
							<ul>
								<li>
									<input type="checkbox" checked>
									<i></i>
									<h4>非本专业的学生可以加入吗？</h4>
									<p>暂时不可以哦，目前只对软件学子开发的呐！</p>
								</li>
								<li>
									<input type="checkbox" checked>
									<i></i>
									<h4>怎么登录注册呐？</h4>
									<p>右上方可以进行登录注册的哟。</p>
								</li>
								<li>
									<input type="checkbox" checked>
									<i></i>
									<h4>非本专业的学生可以加入吗？</h4>
									<p>暂时不可以哦，目前只对软件学子开发的呐！</p>
								</li>
								<li>
									<input type="checkbox" checked>
									<i></i>
									<h4>非本专业的学生可以加入吗？</h4>
									<p>暂时不可以哦，目前只对软件学子开发的呐！</p>
								</li>
								<li>
									<input type="checkbox" checked>
									<i></i>
									<h4>非本专业的学生可以加入吗？</h4>
									<p>暂时不可以哦，目前只对软件学子开发的呐！</p>
								</li>
								<li>
									<input type="checkbox" checked>
									<i></i>
									<h4>非本专业的学生可以加入吗？</h4>
									<p>暂时不可以哦，目前只对软件学子开发的呐！</p>
								</li>
							</ul>
						</div>
					</section>
				</div>
			</div>
		</div>
		
		<!--//w3l-footer-29-main-->
		<footer>
			<!-- footer -->
			<section class="w3l-footer">
				<div class="w3l-footer-16-main py-5">
					<div class="container pt-lg-4">
						<div class="row footer-border">
							<div class="col-lg-4 col-md-5 column pr-md-0">
								<h2><a href="index.html" class="footer-brand-logo"><span class="fa fa-braille"></span>软件协会</a></h2>
								<ul class="mt-4 contact">
									<li>
										<p><span class="fa fa-phone" aria-hidden="true"></span> <a href="tel:+44-255-366-88">+44-255-366-88</a></p>
									</li>
									<li>
										<p><span class="fa fa-clock-o" aria-hidden="true"></span> Mon - Sat 8.00 - 18.00</p>
									</li>
								</ul>
							</div>
		
							<div class="col-lg-4 col-md-4 col-sm-6 column mt-md-0 mt-5 pl-lg-4">
								<h3>软件协会</h3>
								<ul class="footer-gd-16">
									<li><a href="index.html">首页</a></li>
									<li><a href="about.html">关于我们</a></li>
									<li><a href="services.html">Services</a></li>
									<li><a href="javascript: void(0);">Blog</a></li>
									<li><a href="contact.html">联系我们</a></li>
								</ul>
							</div>
							<div class="col-lg-4 col-md-4 col-sm-6 column mt-md-0 mt-5">
								<h3>相关链接</h3>
								<ul class="footer-gd-16">
									<li><a href="#url">湖南铁路科技职业技术学院</a></li>
									<li><a href="#url">Our Branches</a></li>
									<li><a href="#url">Latest Media</a></li>
								</ul>
							</div>
							
						</div>
						<div class="below-section pt-4 mt-4 text-center">
							<div class="columns-2">
								<ul class="social">
									<li><a href="#facebook"><span class="fa fa-facebook" aria-hidden="true"></span></a>
									</li>
									<li><a href="#linkedin"><span class="fa fa-linkedin" aria-hidden="true"></span></a>
									</li>
									<li><a href="#twitter"><span class="fa fa-twitter" aria-hidden="true"></span></a>
									</li>
									<li><a href="#google"><span class="fa fa-google-plus" aria-hidden="true"></span></a>
									</li>
									<li><a href="#github"><span class="fa fa-github" aria-hidden="true"></span></a>
									</li>
								</ul>
							</div>
							<div class="columns mt-3">
								<p>
									&copy; 2021 湖南铁路科技职业技术学院软件协会官网. 保留所有权利 | 设计者 
									<span><code>许啸宇</code></span><code>刘昉</code><code>孙昊哲</code><code>王琪</code>
								</p>
							</div>
						</div>
					</div>
				</div>
		
				<!-- move top -->
				<button onclick="topFunction()" id="movetop" title="Go to top">
					<span class="fa fa-angle-up"></span>
				</button>
				<script>
					// When the user scrolls down 20px from the top of the document, show the button
					window.onscroll = function() {
						scrollFunction()
					};
		
					function scrollFunction() {
						if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
							document.getElementById("movetop").style.display = "block";
						} else {
							document.getElementById("movetop").style.display = "none";
						}
					}
		
					// When the user clicks on the button, scroll to the top of the document
					function topFunction() {
						document.body.scrollTop = 0;
						document.documentElement.scrollTop = 0;
					}
				</script>
				<!-- //move top -->
				<script>
					$(function() {
						$('.navbar-toggler').click(function() {
							$('body').toggleClass('noscroll');
						})
					});
				</script>
			</section>
			<!-- //footer -->
		</footer>
		
		<!-- Template JavaScript -->
		<script src="assets/js/jquery-3.3.1.min.js"></script>

		<script src="assets/js/theme-change.js"></script>

		<!-- js for portfolio lightbox -->
		<!-- libhtbox -->
		<script src="assets/js/lightbox-plus-jquery.min.js"></script>
		<!-- libhtbox -->
		<script src="assets/js/owl.carousel.js"></script>
		<!-- script for testimonials -->
		<script>
			$(document).ready(function() {
				$('.owl-testimonial').owlCarousel({
					loop: true,
					margin: 0,
					nav: true,
					responsiveClass: true,
					autoplay: true,
					autoplayTimeout: 5000,
					autoplaySpeed: 1000,
					autoplayHoverPause: false,
					responsive: {
						0: {
							items: 1,
							nav: false
						},
						480: {
							items: 1,
							nav: false
						},
						667: {
							items: 1,
							nav: true
						},
						1000: {
							items: 1,
							nav: true
						}
					}
				})
			})
		</script>
		<!-- //script for testimonials -->
		<!-- stats number counter-->
		<script src="assets/js/jquery.waypoints.min.js"></script>
		<script src="assets/js/jquery.countup.js"></script>
		<script>
			$('.counter').countUp();
		</script>
		<!-- //stats number counter -->
		<!--/MENU-JS-->
		<script>
			$(window).on("scroll", function() {
				var scroll = $(window).scrollTop();

				if (scroll >= 80) {
					$("#site-header").addClass("nav-fixed");
				} else {
					$("#site-header").removeClass("nav-fixed");
				}
			});

			//Main navigation Active Class Add Remove
			$(".navbar-toggler").on("click", function() {
				$("header").toggleClass("active");
			});
			$(document).on("ready", function() {
				if ($(window).width() > 991) {
					$("header").removeClass("active");
				}
				$(window).on("resize", function() {
					if ($(window).width() > 991) {
						$("header").removeClass("active");
					}
				});
			});
		</script>
		<!--//MENU-JS-->

		<script src="assets/js/bootstrap.min.js"></script>

	</body>

</html>
